<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{ margin: 0; padding: 0;}
			.w1230{ width: 1230px; margin: 0 auto;}
			.gg{ 
				width: 100%; 
				height: 100px; 
				background-color: coral;
				}
			.gg a{ display: block; height: 100px;}
			.gg img{ width: 100%; height: 100px; background: url(img/img/bb3c06a430689ba2357dd7d1fbfa6bab.jpg) no-repeat center/cover;}
				
			.lian{ width: 100%; height: 40px; background-color: #000000;}
			.lian .dao{ height: 40px; margin: 0 auto;}
			.lian .dao .dao1{ width: 700px; height: 40px; background-color: red; float: left;}
			.lian .dao .dao1 .jie{display: inline-block; margin-left: 10px; font-size: 14px; line-height: 40px;}
			.lian .dao .dao1 .jie a{ text-decoration: none; color: #F0F8FF;}
			.lian .dao .dao3{ width: 300px; height: 40px; background-color: red; float: right;}
			.lian .dao .dao3 .jie{float: right; display: inline-block; margin-right: 10px; font-size: 14px; line-height: 40px;}
			.lian .dao .dao3 .jie a{ text-decoration: none; color: #F0F8FF;}
			.box{ height: 70px; margin: 0 auto; margin-top: 20px; overflow: hidden;}
			.box .logo img{ float: left; width: 70px; height: 70px;}
			.box .chao{ display: inline-block; font-size: 18px; line-height: 70px; padding-left: 100px;}
			.box .chao a{ text-decoration: none; color:#333333; margin-left: 20px;}
			.box .sou{ width: 250px; height: 68px; float: right;}
			.sou input{height: 60px; font-size: 20px; padding-left: 20px; outline: none; border-top: solid d1d1d1;}
			.box .kkk input{float: right;height: 64px; position: absolute; top: 160px; right: 145px;}
			.zhu{ height: 575px; margin: 0 auto; margin-top: 20px;}
			.zhu .zuo{ height: 100%;}
			.zhu .zuo img{ width: 100%; height: 100%;}
			.zhu .you{ float: left; width: 300px; height: 575px; background-color: #999999; position: absolute; bottom: -70px;}
			.zhu .you .cao{float: left; display: inline;}
			.zhu .you .cao ul{ list-style: none;}
			.zhu .you .cao ul li{ padding-top: 32px; padding-left: 10px; }
			.zhu .you .cao ul li a{text-decoration: none; color: #000000;}
			.zhu .you .cao ul li a:hover{ color: #F0F8FF;}
			.top{ height: 200px; margin: 0 auto; margin-top: 15px;}
			.top .top1{ float: left; width: 230px; height: 100%; background-color: red;}
			.top .top2{ float: left; width: 313px; height: 100%; background-color: red; margin-left: 20px;}
			
			.beijing{ width: 100%; height: 500px; margin-top: 20px;}
			.beijing .shangou{ height: 500px; margin: 0 auto;}
			.beijing .shangou .wenzi{ height: 50px; margin-top: 20px;}
			.beijing .shangou .wenzi .zuo{ float: left; font-size: 28px; line-height: 50px;}
			.beijing .shangou .wenzi .you{ float: right; margin-right: 10px; line-height: 50px;}
			.beijing .shangou .wenzi .you a{ color: #000000; text-decoration: none;}
			.beijing .shangpin{ height: 300px; margin-bottom: 20px;}
			.beijing .shangpin .tu1{float: left; width: 230px; height: 300px; background-color: #FF7F50; margin-left: 20px;}
			.beijing .shangpin .tu1:first-child{margin-left: 0px;}
			.beijing .guang{ height: 100px; background-color: red;}
			
			.shangou{ width: 100%; height: 680px; margin-top: 20px;}
			.shouji .shangou{ height: 780px; margin: 0 auto;}
			.shouji .shangou .wenzi{ height: 50px; margin-top: 20px;}
			.shouji .shangou .wenzi .zuo{ float: left; font-size: 28px; line-height: 50px;}
			.shouji .shangou .wenzi .you{ float: right; margin-right: 10px; line-height: 50px;}
			.shouji .shangou .wenzi .you a{ color: #000000; text-decoration: none;}
			.shouji .kuang{ height: 630px; margin: 0 auto;}
			.shouji .kuang .ping1{ float: left; width: 222px; height: 630px; background-color: #00FFFF; overflow: hidden;}
			.shouji .kuang .ping{ float:left; width: 220px; height: 300px; background-color: #00FFFF; margin-left: 32px; margin-bottom: 30px;} 
			.shouji .guang{ height: 100px; background-color: red; margin-top: 30px;}
			
			.jia{ width: 100%; height: 680px; margin-top: 50px;}
			.jiadian .jia{ height: 780px; margin: 0 auto;}
			.jiadian .jia .wenzi{ height: 50px; margin-top: 20px;}
			.jiadian .jia .wenzi .zuo{ float: left; font-size: 28px; line-height: 50px;}
			.jiadian .jia .wenzi .you{ float: right; margin-right: 10px; line-height: 50px;}
			.jiadian .jia .wenzi .you a{ color: #000000; text-decoration: none;}
			.jiadian .dian{ height: 720px;  margin: 0 auto;}
			.jiadian .dian .ping{ float: left; width: 220px; height: 350px; background-color:red; margin-left: 32px; margin-bottom: 20px;}
			.jiadian .dian .ping:first-child{ margin-left: 0px;}
			.jiadian .dian .ping:nth-child(5){ float: right;}
			.jiadian .dian .ping:nth-child(6){ margin-left: 0px;}
			.jiadian .dian .ping1{ float: right; width: 220px;  height: 350px; background-color: red; overflow: hidden;}
			.ping1 .box1{ float: right; width: 220px; height: 160px; background-color: #00FF00; margin-bottom: 30px;}
			.ping1 .box2{ float: right; width: 220px; height: 160px; background-color: #00FF00;}
			.jiadian .guang{ height: 100px; background-color: red; margin-top: 30px;}
			
			.shi{ width: 100%; margin-top: 120px;}
			.shi .jia .wenzi{ height: 70px; margin-top: 20px;}
			.shi .jia .wenzi .zuo{ float: left; font-size: 28px; line-height:70px;}
			.shi .jia .wenzi .you{ float: right; line-height: 70px;}
			.shi .jia .wenzi .you a{ color: #000000; text-decoration: none;}
			.shi .zhuti{ height: 350px; margin: 0 auto;}
			.shi .jia .zhuti .ti{ float: left; 
							width: 290px; 
							height: 100%; 
							background-color:red; 
							margin-left: 23px;
							}
			.shi .zhuti .ti a{ display: block; text-decoration: none; text-align: center; color: #000000;}				
			.shi .zhuti .ti a img{ width: 100%; height: 250px;}
			.shi .zhuti .ti a h2{ margin-top: 20px;}
			.shi .zhuti .ti a p{ margin-top: 10px;}
			.shi .zhuti .ti:first-child{ margin-left: 0px;}
			
			.wei{ width: 100%; height: 720px; margin-bottom:40px;}
			.wei .wei1{ height: 420px;}
			.wei .wei1 .kuang{ height: 100px; }
			.wei .wei1 .kuang1{ float: left; width: 240px; height: 50px; border-bottom: 2px solid #333333; font-size: 24px; text-align: center;}
			.wei .wei1 .zuo{ width: 890px; height:260px; margin-top: 10px;}
			.wei .wei1 .zuo .zuo1{ float: left; width: 128px; height: 260px; margin-right: 20px; background-color: #00FFFF; text-align: center;}
			.wei .wei1 .zuo .zuo1 p:first-child{ font-size: 22px; line-height: 2.4;}
			.wei .wei1 .you{ }
			.wei .wei2{ height: 300px;padding: 25px 0px 25px; margin: 0 auto;}
			.wei .wei2 .logo{ width: 57px; height:200px; float: left; padding-right: 25px;}
			.wei .wei2 .logo img{ width: 100%; height: 60px;}
			.wei .wei2 .text{ width: 1100px; height: 200px;}
			.wei .wei2 .text p{ font-size: 16px; color:#F0F8FF;}
			.wei .wei2 .text p:first-child{ color: #333333;}
			.wei .wei2 .img{ text-align: center;}
			.guding{ width: 100px; height: 400px; background-color: #000000; position: fixed; right: -1px; top: 300px;}
			
		</style>
	</head>
	<body>
		<div class="gg">
			<a href="#">
			<img src="img/img/bb3c06a430689ba2357dd7d1fbfa6bab.jpg"/>
			</a>
		</div>
		<div class="lian">
			<div class="dao w1230">
				<div class="dao1">
					<div class="jie"><a href="#">小米商城</a>|</div>
					<div class="jie"><a href="#">小米商城</a>|</div>
					<div class="jie"><a href="#">小米商城</a>|</div>
					<div class="jie"><a href="#">小米商城</a>|</div>
					<div class="jie"><a href="#">小米商城</a>|</div>
					<div class="jie"><a href="#">小米商城</a>|</div>
					<div class="jie"><a href="#">小米商城</a>|</div>
				</div>
				<div class="dao3">
					<div class="jie"><a href="#">小米商城</a>|</div>
					<div class="jie"><a href="#">小米商城</a>|</div>
					<div class="jie"><a href="#">小米商城</a>|</div>
				</div>
			</div>	
		</div>
		<div class="box w1230">
			<div class="logo">
				<img src="img/favicon.ico"/>
			</div>
			<div class="chao">
				<a href="#">小米手机</a>
				<a href="#">Redmi 红米</a>
				<a href="#">电视</a>	
				<a href="#">笔记本</a>
				<a href="#">家电</a>					
				<a href="#">路由器</a>					
				<a href="#">智能硬件</a>					
				<a href="#">服务</a>					
				<a href="#">社区</a>
			</div>
			<div class="sou">
					<input type="text" name="" id="" value="" />
					<div class="ooo"><form action="https://www.baidu.com/s" method="get">
						<div class="kkk"><input type="submit" value="百度一下"/></div>
					</form></div>
			</div>
		</div>
		<div class="zhu w1230">
			
			<div class="zuo">
				<img src=" https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/8e66b78810fa8ce7c40259cafaad0258.jpg?thumb=1&w=1533&h=575&f=webp&q=90"/>
			</div>
			<div class="you">
				<div class="cao">
					<ul>
						<li><a href="#">超链接1</a></li>
						<li><a href="#">超链接2</a></li>
						<li><a href="#">超链接3</a></li>
						<li><a href="#">超链接4</a></li>
						<li><a href="#">超链接5</a></li>
						<li><a href="#">超链接6</a></li>
						<li><a href="#">超链接7</a></li>
						<li><a href="#">超链接8</a></li>
						<li><a href="#">超链接9</a></li>
						<li><a href="#">超链接10</a></li>
					</ul>
				</div>
			</div>
		</div>
		<div class="top w1230">
			<div class="top1"></div>
			<div class="top2"></div>
			<div class="top2"></div>
			<div class="top2"></div>
		</div>
		<div class="beijing">
			<div class="shangou  w1230">
				<div class="wenzi w1230">
					<div class="zuo"><span>小米闪购</span></div>
					<div class="you"><a href="#">右边</a></div>
				</div>
			
				<div class="shangpin w1230">
					<div class="tu1"></div>
					<div class="tu1"></div>
					<div class="tu1"></div>
					<div class="tu1"></div>
					<div class="tu1"></div>
				</div>
			<div class="guang w1230"></div>
			</div>
		</div>
		<div class="shouji">
			<div class="shangou  w1230">
				<div class="wenzi w1230">
					<div class="zuo"><span>手机</span></div>
					<div class="you"><a href="#">右边</a></div>
				</div>
			
				<div class="kuang w1230">
					<div class="ping1">1</div>
					<div class="ping">2</div>
					<div class="ping">3</div>
					<div class="ping">4</div>
					<div class="ping">5</div>
					<div class="ping">6</div>
					<div class="ping">7</div>
					<div class="ping">8</div>
					<div class="ping">9</div>
				</div>
			<div class="guang w1230"></div>	
			</div>
		</div>
		<div class="jiadian">
			<div class="jia  w1230">
				<div class="wenzi w1230">
					<div class="zuo"><span>家电</span></div>
					<div class="you"><a href="#">右边</a></div>
				</div>
				<div class="dian w1230">
					<div class="kuang w1230">
					<div class="ping">0</div>
					<div class="ping">1</div>
					<div class="ping">2</div>
					<div class="ping">3</div>
					<div class="ping">4</div>
					<div class="ping">5</div>
					<div class="ping">6</div>
					<div class="ping">7</div>
					<div class="ping">8</div>
					<div class="ping1">
					<div class="box1">1</div>
					<div class="box2">2</div>
					</div>
				</div>
				
				</div>
			<div class="guang w1230"></div>
			</div>
		</div>
		
		
		
		
		<div class="shi">
			<div class="jia w1230">
				<div class="wenzi w1230">
					<div class="zuo"><span>视频</span></div>
					<div class="you"><a href="#">查看全部</a></div>
				</div>
			<div class="zhuti w1230">
				<div class="ti">
					<a href="#">
						<img src="img/img/微信截图_20201210104126.png"/>
						<h2>主标题</h2>
						<p>副标题</p>
					</a>
				</div>
				<div class="ti">
					<a href="#">
						<img src="img/img/微信截图_20201210104126.png"/>
						<h2>主标题</h2>
						<p>副标题</p>
					</a>
				</div>
				<div class="ti">
					<a href="#">
						<img src="img/img/微信截图_20201210104126.png"/>
						<h2>主标题</h2>
						<p>副标题</p>
					</a>
				</div>
				<div class="ti">
					<a href="#">
						<img src="img/img/微信截图_20201210104126.png"/>
						<h2>主标题</h2>
						<p>副标题</p>
					</a>
				</div>
			</div>
			</div>
		</div>
		<div class="wei">
			<div class="wei1 w1230">
				<div class="kuang">
					<div class="kuang1">预约维修服务 |</div>
					<div class="kuang1">7天无理由退货 |</div>
					<div class="kuang1">15天免费换货 |</div>
					<div class="kuang1">满99元包邮 |</div>
					<div class="kuang1">520余家售后网点 |</div>
				</div>
				<div class="zuo">
					<div class="zuo1">
						<p>帮助中心</p>
						<br />
						<p>账户管理</p>
						<br />
						<p>购物指南</p>
						<br />
						<p>订单操作</p>
					</div>
					<div class="zuo1">
						<p>服务支持</p>
						<br />
						<p>售后政策</p>
						<br />
						<p>自助服务</p>
						<br />
						<p>相关下载</p>
					</div>
					<div class="zuo1">
						<p>售后政策</p>
						<br />
						<p>自助服务</p>
						<br />
						<p>相关下载</p>
						<br />
						<p>线下门店</p>
						<br />
						<p>小米之家</p>
						<br />
						<p>服务网点</p>			
					</div>
					<div class="zuo1">
						<p>关于小米</p>
						<br />
						<p>了解小米</p>
						<br />
						<p>加入小米</p>
						<br />
						<p>投资者关系</p>
						<br />
						<p>企业社会责任</p>
						<br />
						<p>廉洁举报</p>
					</div>
					<div class="zuo1">
						<p>关注我们</p>
						<br />
						<p>新浪微博</p>
						<br />
						<p>官方微信</p>
						<br />
						<p>联系我们</p>
						<br />
						<p>公益基金会</p>
					</div>
					<div class="zuo1">
						<p>特色服务</p>
						<br />
						<p>F 码通道</p>
						<br />
						<p>礼物码</p>
						<br />
						<p>防伪查询</p>
					</div>
				</div>
				<div class="you"></div>
			</div>
			<div class="wei2 w1230">
				<div class="logo">
					<img src="img/favicon.ico"/>
				</div>
				<div class="text">
					<p>小米商城 | MIUI | 米家 | 米聊 | 多看 | 游戏 | 政企服务 | 小米天猫店 | 小米集团隐私政策 | 小米公司儿童信息保护规则 | 小米商城隐私政策 | 小米商城用户协议 | 问题反馈 | Select Location
					</p>
					<p>© mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2020]0276-042号</p>
					<p>（京）网械平台备字（2018）第00005号 互联网药品信息服务资格证 (京)-非经营性-2014-0090 营业执照 医疗器械质量公告</p>
					<p>增值电信业务许可证 网络食品经营备案 京食药网食备202010048   食品经营许可证</p>
					<p>违法和不良信息举报电话：171-5104-4404 知识产权侵权投诉 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
				</div>
				<div class="img w1230">
					<img src="img/img/544f2129da02718e1cd980aa8838110.png"/>
				</div>
			</div>
		</div>
		<div class="guding">
			
		</div>
		
	</body>
</html>
